<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> -->
  <script src="../../node_modules/vue/dist/vue.global.js"></script>
</head>
<body>
<div id="app">
<!-- <input @keyup.13="keyupFn"> -->
<!-- <input @keyup.delete="keyupFn"> -->
<!-- <input @keydown.alt.q="keyupFn"> -->
<input @keyup.alt.enter="keyupFn">
</div>
</body>
</html>

<script>
  //按键修饰符:
  //定义: 修饰键盘事件的
  //vue3中取消掉了 使用键码作为事件装饰符
  //系统修饰符: 一般结合 ctrl alt 等等键盘配合使用

  const {createApp} = Vue;
  const vm = createApp({
    data(){
      return{
        message1: 'Hello'
      }
    },
    methods:{
      keyupFn(e){
        console.log(e.target.value);
        console.log(e.keycode);
      }
    }
  }).mount('#app')
</script>